<template>
    <div>
        分类页
        <!-- 使用子组件 -->
        <CategoryChild :beautyGirl="beautyGirl" @transfer="getvalue"></CategoryChild>
    </div>
</template>

<script>
// 引入子组件
import CategoryChild from '@/components/CategoryChild.vue'
import { reactive } from 'vue';
export default {
    name: '',
    components: {
        CategoryChild
    },
    setup() {
        // 知识点1: 实现父子组件传值
        const beautyGirl = reactive(['杨贵妃', '貂蝉', '西施', '王昭君'])

        // 定义getvalue 方法
        const getvalue = (data) => {
            console.log('data', data);
        }
        return {
            beautyGirl,
            getvalue
        }
    }


}

</script>
<style scoped>

</style>